<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>

    <button>获取验证码</button>

    <script>

        // 在事件处理函数中  this指向绑定事件的对象

        // 在其他函数中  this指向window

        var oBtn = document.querySelector('button') ;
        oBtn.onclick = function() {
            // console.log(this.disabled)
            // 给按钮添加disabled属性   this.disabled = true ;
            this.disabled = true ;
            this.innerHTML = 10 ;
            var t = setInterval(function(){
                // console.log(this) ; // 不是按钮  window
                oBtn.innerHTML-- ;
                if(oBtn.innerHTML == 0) {
                    clearInterval(t) ;
                    oBtn.disabled = false ;
                    oBtn.innerHTML = '获取验证码';
                }
            },500)
        }

    </script>
    
</body>
</html>